<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>语义化标签</title>
  </head>
  <body>
    <!--
      在网页中HTML专门用来负责网页的结构
        所以在使用html标签时,应该关注的是标签的语义,而不是它的样式

          标题标签:
            h1 ~ h6 一共有六级标题
            从h1~h6重要性递减,h1最重要,h6最不重要
            h1在网页中的重要性仅次于title标签,一般情况下,一个页面中只会有一个h1
            一般情况下,标题标签只会使用h1~h3,h4~h6很少用

            标题标签都是块元素


          在页面中独占一行的元素称为块元素(block element)

    -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <!--  shift+回车 光标下移  -->
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>


    <!--
      hgroup标签用来为标题分组,可以将一组相关的标题同时放入hgroup
    -->
    <hgroup>
      <h1>回乡偶书</h1>
      <h2>其一</h2>
    </hgroup>
    <p>
      少小离家老大回
    </p>
    <p>
      乡音无改鬓毛衰
    </p>
    <p>

    </p>

    <!--
        p标签表示在页面中的一个段落

        p元素也是一个块元素
      -->
    <p>在p标签中的内容就表示一个段落</p>
    <p>在p标签中的内容就表示一个段落</p>

    <!--
      em标签用于表示语音语调的一个加重
      在页面中不会独占一行的元素称为行内元素(inline element)
      -->
    <p>今天天气<em>真</em>不错</p>

    <!--
      strong表示强调,重要内容!
    -->
    <p>你今天必须要<strong>完成</strong>作业!</p>

    鲁迅说:
    <!--  blockquote表示一个长引用 会独占页面一行  -->
    <blockquote>
      这句话我是从来没有说过的!
    </blockquote>

    <!--
        q表示一个短引用
    -->
    子曰<q>学而实习之,不亦乐乎</q>

    <!--
      br表示换行
    -->
    <br>
    <br>
    今天天气真不错

  </body>
</html>
